A Tiny Dynamic Ajax Web Site

This page is truly a dynamic web page that "calls" a "web service" from the http server and uses the result of the call to update (not replace) this page. Below are two HTML Forms that use JavaScript's XMLHttpRequest object to send two parameters to the http server which passes those two parameters to a process (running on the server) that computes a result that is returned to this client and used to update just part of this web page. The technique of using XMLHttpRequest to update part of a web page is often called Ajax.

Be sure to watch the http traffic using some version of "Live HTTP Headers".

Be sure to look at the source code of this document.

Try using the Ajax adder with the http GET method.

 +   = 

Try using the Ajax adder with the http POST method.

 +   = 

Notice the difference between this Ajax version of a dynamic web page and the previous dynamic web page. This page is really dynamic since it uses the "web service" provided by the server to update just a part of this web page. That is, this page uses the web service to change itself without having to reload the whole web page. When the previous version made a "call" to the web service, the browser would then replace the whole web page with the result of the call. In the previous (somewhat old fashion) version of a dynamic web page, the browser expects to use the results from the web service as a new web page. In this newer kind of dynamic web page, the browser, under the control of a JavaScript function, uses the result from the web service to update just one part of the web page.

Go back to the previous dynamic web page.

Try the web page of various "application servers".

Go back to the static web page.